<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
		<title>1-我的_tab_PxCook</title>
		<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../dist/css/sm.css" />
		<link rel="stylesheet" href="../dist/css/sm-extend.css" />
		<!--以上是引用SUI框架css文件代码-->
		<link rel="stylesheet" href="css/xh-lxx-header-bar4.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content11.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-nav2.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-title5.css" />
		
		<link rel="stylesheet" href="css/xh-lxx-tab-items-icon.css" />
		<link rel="stylesheet" href="css/1-我的_tab_PxCook.css" />
		
		
	</head>
	<body>
		<div class="page-group">
	        <div class="page page-current">
	        <!-- html代码 ---------Begin -->
	        	<!--标题栏Begin-->
	        	<header class="bar bar-nav">
				  	<a class="icon pull-right"><img src="img/right_white.png" alt="" /></a>
				  	<h1 class="title">
				  		我的
				  	</h1>
				</header>
				<!--标题栏 End-->
	        	<div class="content">
				    <!--用户信息-->
				    <div class="bg-white">
				    	<div class="xh-lxx-tab-content11">
		      			<!--用户名,头像,性别-->
			        	<div class="content11-top">
		    				<div class="pic-border pull-left">
		    					<a href="#" class="pic">
		    						<img src="img/logo.png" alt="" />
		    					</a>
		    				</div>
		    				<div class="name-star pull-left">
		    					<h5>H+IDE Builder</h5>
		    					<div class="sex">
		    						男
		    					</div>
		    				</div>
		        			<div class="pull-right">
		        				<span class="icon icon-right"></span>
		        			</div>
			        	</div>
			        	<!--用户信息底部椭圆部分-->
			        	<div class="content11-footer"></div>
		      		</div>
				   
				    </div>
		      		 <!--我的--导航栏 Begin-->
		        	<nav class="xh-lxx-tab-nav2 margin-bottom">
		        		<a href="#">
		        			<img src="img/nav1.png" alt="" />
		        			<span class="msg">商品栏目</span>
		        		</a>
		        		<a href="#">
		        			<img src="img/nav2.png" alt="" />
		        			<span class="msg">商品栏目</span>
		        		</a>
		        		<a href="#">
		        			<img src="img/nav3.png" alt="" />
		        			<span class="msg">商品栏目</span>
		        		</a>
		        		<a href="#">
		        			<img src="img/nav4.png" alt="" />
		        			<span class="msg">商品栏目</span>
		        		</a>
		        	</nav>
		        	<!--我的导航栏 End-->
				    <!--我的订单-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">我的订单</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	 <!--我的收藏-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">我的收藏</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	 <!--我的关注-->
		        	<a class="xh-lxx-tab-title5 margin-bottom">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">我的关注</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
				    <!--售后服务-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">售后服务</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	 <!--优惠券-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">优惠券</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	 <!--收货地址-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/pic.png" alt="" />
	        				<span class="title1">收货地址</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
			    </div>
				<nav class="bar bar-tab xh-lxx-tab-items-icon">
				  <a class="tab-item external" href="../index.html">
				    <span class="icon icon-home"></span>
				    <span class="tab-label">首页</span>
				  </a>
				  <a class="tab-item external" href="../1-分类_tab_PxCook/1-分类_tab_PxCook.html">
				    <span class="icon icon-menu"></span>
				    <span class="tab-label">分类</span>
				  </a>
				  <a class="tab-item external" href="../1-发现_tab_PxCook/1-发现_tab_PxCook.html">
				    <span class="icon icon-search"></span>
				    <span class="tab-label">发现</span>
				  </a>
				  <a class="tab-item external" href="../1-购物车_tab_PxCook/1-购物车_tab_PxCook.html">
				    <span class="icon icon-cart"></span>
				    <span class="tab-label">购物车</span>
				  </a>
				  <a class="tab-item external active" href="#">
				    <span class="icon icon-me"></span>
				    <span class="tab-label">我的</span>
				  </a>
				</nav>
			


	        <!-- html代码 End -->
	        </div>
   		</div>
	
		<!--以下是引用SUI框架js文件代码-->
		<script src='../dist/js/zepto.min.js'></script>
	    <script src="../dist/js/sm.js"></script>
	    <script src="../dist/js/sm-extend.min.js"></script>
	    <script src="js/1-我的_tab_PxCook.js"></script>
		<script>
			$.init(); //初始化
	    </script>
	</body>
</html>

	        